@-webkit-keyframes init {
  0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes init {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-ms-keyframes init {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-o-keyframes init {
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes init {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes updown {
  0% {top:0;}
  100% {top:-5px;}
}
@-moz-keyframes updown {
  0% {top:0;}
  100% {top:-5px;}
}
@-ms-keyframes updown {
  0% {top:0;}
  100% {top:-5px;}
}
@-o-keyframes updown {
  0% {top:0;}
  100% {top:-5px;}
}
@keyframes updown {
  0% {top:0;}
  100% {top:-5px;}
}
::selection {
  background-color:rgb(96,108,136);
  color:#ccc;
  text-shadow:none;
}
::-moz-selection {
  background-color:rgb(96,108,136);
  color:#ccc;
  text-shadow:none;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,tt,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  margin:0;
  padding:0;
  border:0;
  font:inherit;
  font-size:100%;
  vertical-align:baseline;
}
article,aside,figure,figcaption,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {
  content:"";
  content:none;
}
*:focus {outline:none;}
time,mark {display:inline;}
html {background-color:#0e0e0e;}
body {
  background-image:url(../image/bg-body.jpg);
  background-color:#161616;
  color:#555;
  text-shadow:0 1px 0 rgba(0,0,0,0.1);
  font:normal normal 13px/1.8 Ubuntu,"Trebuchet MS",Trebuchet,Geneva,Verdana,Arial,Sans-Serif;
  overflow-x:hidden;
  overflow-y:scroll;
}
strong,b,dt,th,kbd {font-weight:bold;}
em,i,dfn,caption,figcaption {font-style:italic;}
ins,u {text-decoration:underline;}
del {text-decoration:line-through;}
mark,.highlight {
  background-color:#FAD163;
  color:black;
}
h2,h3 {
  font-weight:bold;
  line-height:normal;
  letter-spacing:-1px;
  margin:-40px 0 .5em;
  padding-top:60px;
}
h1,h4,h5,h6 {
  font-weight:normal !important;
  margin:0;
  padding:0;
}
h1 {font-size:30px;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
h1 a,h1 a:link,h1 a:visited {color:#c6cef7;}
.hitst,.casing {display:none !important;}
p,ul,ol,dl,table,form,figure,blockquote,pre,hr,iframe,.center,.button-group,.update,.block,.tip,.alert,.instruction,.catatan,.jsfiddle-demo,.reference-link,.template {margin-bottom:1.7em;}
p {line-height:1.4em;}
.cm_entry .para {line-height:1.4em;}
.cm_info .cm_name {line-height:1.5em;}
hr {margin-top:1.7em;}
p:last-child,p:only-child {margin-bottom:0;}
ul,ol {margin-left:2em;}
li,dd {margin:0 0 .4em;}
ul ul,ol ol,ul ol,ol ul {
  margin-top:.4em;
  margin-bottom:0;
  margin-left:1.2em;
}
ul {list-style:disc outside;}
ol {list-style:decimal outside;}
table {
  border-collapse:collapse;
  border-spacing:0;
}
table caption {text-align:left;}
.safe p+br,.safe ul+br,.safe ol+br,.safe .center+br,.safe .button-group+br,.safe .block+br,.safe .tip+br,.safe .instruction+br,.safe .catatan+br,.safe .alert+br,.safe blockquote+br,.safe pre+br,.safe figure+br,.safe form+br,.safe iframe+br,.safe table+br {display:none;}
a {
  color:#225588;
  text-decoration:none;
}
a:hover,a:focus {
  color:#5687b8;
  text-decoration:underline;
}
a img {border-width:0;}
hr {
  height:0;
  border:none;
  background:none;
  border-bottom:1px dotted #bbb;
}
code,tt {
  color:#888;
  font-family:"Courier New",Courier,Monospace;
  font-size:.923076923077em;
}
code a,code a:hover,code a:focus,tt a,tt a:hover,tt a:focus {color:inherit;}
code a:hover,code a:focus,tt a:hover,tt a:focus {background-color:#E6ECF5;}
sup,sub {
  position:relative;
  top:-.4em;
  font-size:96%;
}
sub {top:.4em;}
small {font-size:96%;}
acronym,abbr {
  cursor:help;
  color:#E050A9;
}
dfn[title],.dfn {cursor:help;}
figure {
  text-align:center;
  margin:5px 22px;
  padding:10px;
  width:200px;
  height:245px;
  overflow:hidden;
  background-color:rgba(20,20,20,0.5);
  background-image:url(../image/bg-y.jpg);
  background-repeat:repeat;
  color:#454545;
  border-style:solid;
  border-width:1px;
  border-bottom-color:transparent;
  border-top-color:rgba(0,0,0,0.19);
  border-left-color:rgba(255,255,255,0.02);
  border-right-color:rgba(255,255,255,0.02);
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-box-shadow:0 8px 5px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.6)inset;
  -moz-box-shadow:0 8px 5px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.6)inset;
  box-shadow:0 8px 5px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.6)inset;
}
figure img {
  width:200px;
  height:200px;
}
figure figcaption {
margin: 10px 0px 0px;
font-size: 86%;
}
figure .button-zoom {
  margin:10px auto;
  z-index:2;
  width:100%;
}
figure .button-zoom li a {
  background:url();
  background:-moz-linear-gradient(top,rgba(56,56,56,0.3) 0%,rgba(0,0,0,0) 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(56,56,56,0.3)),color-stop(100%,rgba(0,0,0,0)));
  background:-webkit-linear-gradient(top,rgba(56,56,56,0.3) 0%,rgba(0,0,0,0) 100%);
  background:-o-linear-gradient(top,rgba(56,56,56,0.3) 0%,rgba(0,0,0,0) 100%);
  background:-ms-linear-gradient(top,rgba(56,56,56,0.3) 0%,rgba(0,0,0,0) 100%);
  background:linear-gradient(to bottom,rgba(56,56,56,0.3) 0%,rgba(0,0,0,0) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d383838',endColorstr='#00000000',GradientType=0 );
  box-shadow:0 5px 12px rgba(0,0,0,.7),inset 0 1px 0 0 rgba(255,255,255,0.15);
  -moz-box-shadow:0 5px 12px rgba(0,0,0,.7),inset 0 1px 0 0 rgba(255,255,255,0.15);
  -webkit-box-shadow:0 5px 12px rgba(0,0,0,.7),inset 0 1px 0 0 rgba(255,255,255,0.15);
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
  width:100px;
  font:bold 10px/31px open sans,arial narrow,Helvetica,arial,san serif;
  text-decoration:none;
  color:#40413E !important;
  text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
  margin:0px !important;
}
figure .button-zoom li {
  margin:0 auto;
  display:inline;
  height:30px;
}
figure .button-zoom li a:hover {background-color:rgba(0,0,0,.3);}
figure .button-zoom li a:focus {background-color:rgba(0,0,0,.6);}
figure .button-zoom .zoom .title-zoom {text-align:left;margin-left:-10px;}
figure a.zoom:before {
  content:"";
  width:35px;
  height:25px;
  margin:-1px 2px 0 -4px;
  left:0;
  position:relative;
  float:left;
  display:inline-block;
  background-image:url(../image/demo-download.png);
  background-repeat:no-repeat;
  background-position:15px 8px!Important;
}

blockquote,b[rel="quote"] {
  display:block;
  font:inherit;
  position:relative;
  background-color:#5D73B5;
  color:white;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
  padding:1.3em 1.6em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
blockquote:before,b[rel="quote"]:before {
  content:"";
  width:0;
  height:0;
  border:7px solid transparent;
  border-bottom-color:#5D73B5;
  position:absolute;
  top:-14px;
  right:15px;
}
blockquote a,blockquote a:hover,blockquote a:focus,blockquote code,b[rel="quote"] a,b[rel="quote"] a:hover,b[rel="quote"] a:focus {
  color:#FFEAE5;
  background:none;
  text-shadow:none;
}
form {font-size:86%;}
fieldset {
  border:1px dotted #bbb;
  padding:10px;
  margin:0 0 5px;
}
legend {
  padding:0 1em;
  font-weight:bold;
}
input,button,select,textarea,.button {
  display:inline-block;
  *display:inline;
  width:170px;
  height:auto;
  margin:0 0 5px;
  padding:5px 4px 4px;
  border:1px solid #bbb;
  outline:none;
  background-color:#fafafa;
  font:inherit;
  font-size:100%;
  color:inherit;
  line-height:normal;
  vertical-align:baseline;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
input::-moz-focus-inner,button::-moz-focus-inner {
  margin:0;
  padding:0;
  border:none;
  outline:none;
}
select {
  padding-top:4px;
  cursor:pointer;
  background-color:white;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
textarea {
  display:block;
  width:auto;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
input:focus,textarea:focus {
  border-color:#907C50;
  background-color:#FFE4B5;
}
input[disabled],button[disabled],select[disabled],textarea[disabled],input[readonly],textarea[readonly],input[readonly]:focus,textarea[readonly]:focus {
  cursor:default;
  cursor:not-allowed;
  background-color:#eee;
  border-color:#bbb;
  color:#555;
}
input[readonly],textarea[readonly],input[readonly]:focus,textarea[readonly]:focus {cursor:default;}
input[type="button"],input[type="submit"],input[type="reset"],button,.button,a.button,input[type="button"][disabled]:active,input[type="submit"][disabled]:active,input[type="reset"][disabled]:active,button[disabled]:active,.button.disabled:active,a.button.disabled:active {
  width:auto;
  cursor:pointer;
  background-color:#248AB0;
  background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.26));
  border-width:2px;
  border-color:white;
  position:relative;
  top:-3px;
  color:#ebebeb;
  font-weight:bold;
  font-size:86%;
  line-height:normal;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-shadow:0 1px 0 rgba(0,0,0,.3);
  padding:.5em .9em .4em;
  white-space:nowrap;
}
.button.small,.button.small:active,.button.small:focus {
  font-size:10px;
  border:none;
  padding:.45em .9em;
}
.button.small.square-btn,.button.small.square-btn:active,.button.small.square-btn:focus {
  font-weight:normal;
  text-transform:uppercase;
  border:4px solid #333;
  padding:.4em .8em .5em;
  margin:2px 0 0 2px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,button:hover,.button:hover,a.button:hover,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus,button:focus,.button:focus,a.button:focus {
  background-color:#0671A1;
  color:white;
  border-color:white;
  text-decoration:none;
}
input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active,button:active,.button:active,a.button:active {
  top:-2px;
  background-color:#005E90;
  background-image:-webkit-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-o-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
  border-color:white;
  -webkit-box-shadow:0 0 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 0 3px rgba(0,0,0,.4);
  box-shadow:0 0 3px rgba(0,0,0,.4);
}
input[type="button"][disabled],input[type="submit"][disabled],input[type="reset"][disabled],button[disabled],.button.disabled,a.button.disabled,input[type="button"][disabled]:hover,input[type="submit"][disabled]:hover,input[type="reset"][disabled]:hover,button[disabled]:hover,.button.disabled:hover,a.button.disabled:hover {
  background-color:#bbb;
  border-color:white;
  color:#ebebeb;
  cursor:not-allowed;
}
.button-group {text-align:center;}
.button-group .button {
  display:inline;
  padding:1em 1.7em .9em;
  line-height:5.5em;
}
input[type="radio"],input[type="checkbox"],input[type="image"],label {
  cursor:pointer;
  width:auto;
  margin:0;
  padding:0;
  background:none;
  border:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
input[type="radio"],input[type="checkbox"] {
  position:relative;
  top:1px;
}
table {table-layout:fixed;}
table[border="1"] th,table[border="1"] td {
  border:1px solid #bbb;
  padding:.5em .7em;
}
table th,table td {
  vertical-align:top;
  word-wrap:break-word;
}
table caption {
  font-size:96%;
  color:#999;
}
table[border="1"] th {
  background-color:#fafafa;
  text-align:left;
}
table[border="1"] caption {padding:.5em .7em;}
table.config {background-color:#FFF0A0;}
table.config td,table.config th {border-color:#333;}
table.config th {
  background-color:#333;
  color:white;
}
table tr:target td {background-color:#DCE2F3;}
table.reference {font-size:86%;}
.catatan {
  background-color:#FFFAC1;
  padding:1.8em 2em;
  margin-left:2%;
  margin-right:2%;
  font-family:Georgia,"URW Bookman L",Serif;
  font-style:italic;
  line-height:1.42;
  color:#222;
  position:relative;
  text-shadow:none;
}
.catatan:before {
  content:"";
  display:block;
  width:100%;
  height:4px;
  background-color:#4b8db5;
  background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  position:absolute;
  top:0;
  left:0;
}
.catatan code {font-style:normal;}
.catatan.resource {
  margin-left:0;
  margin-right:0;
  font-family:Tahoma,Verdana,Arial,Sans-Serif;
  font-style:normal;
  padding:1.5em;
  background-color:#eee;
}
.catatan.resource img,.catatan.resource a img {
  border:2px solid #aaa;
  padding:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.update {
  color:#A73B3B;
  margin-left:1em;
  margin-right:1em;
  border-top:1px solid;
  border-bottom:1px solid;
  padding:.8em 0 1em;
}
.alert,.instruction,.tip {
  background-color:#FFBABA;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box;
  color:#D8000C;
  border:1px solid;
  border-bottom-color:#BF030D;
  padding:.6em 1em .8em;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  text-shadow:0 1px 0 rgba(255,255,255,.2);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 1px rgba(0,0,0,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 1px rgba(0,0,0,.2);
}
.instruction {
  background-color:#DFF2BF;
  color:#4F8A10;
  border-bottom-color:#40710A;
}
.tip {
  background-color:#BEDBF4;
  background-image:-webkit-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-moz-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-ms-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-o-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:linear-gradient(top,#BEDBF4,#70B3DC);
  border:1px solid #5E96B7;
  border-bottom-color:#5688A7;
  color:#29526F;
}
.block {
  border:2px solid #888;
  background-color:#ccc;
  padding:6px 10px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
}
.template {
  max-height:250px;
  overflow:auto;
  background-color:#fafafa;
  border:3px double #bbb;
  width:96%;
  -webkit-box-shadow:inset 0 0 5px #888;
  -moz-box-shadow:inset 0 0 5px #888;
  box-shadow:inset 0 0 5px #888;
  padding:4px;
  font-size:86%;
}
.template table,.template td {
  border:none;
  margin:0;
}
.template table h4 {
  text-transform:uppercase;
  font-weight:700;
  margin:0 0 5px;
  padding:0;
  letter-spacing:0;
}
.template table h4 a,.template table h4 a:visited {
  display:block;
  color:#247C83;
  padding:7px 10px 4px;
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:-o-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
}
.template td {padding:10px;}
.template img {
  border:1px solid #ccc;
  background-color:white;
  padding:1px;
  max-width:none;
}
.reference-link p:only-child {text-align:right;}
.benar,.true {background-color:#EDFFCE;}
.salah,.false {background-color:#FFDED8;}
.float-left {float:left;}
.float-right {float:right;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.underline {border-bottom:1px dashed;}
.hidden {display:none;}
.accessible-hidden,.screen-reader {
  position:absolute !important;
  overflow:hidden;
  clip:rect(0px 0 0 0);
  clip:rect(0px,0px,0px,0px);
  height:1px;
  width:1px;
  margin:-1px 0 0;
  padding:0;
  border:0;
}
.item .clear,.static_page .clear {
  display:block;
  clear:both;
}
.ir {
  font:normal normal 0/0 a;
  color:transparent;
  text-shadow:none;
}
.rm-button-wrap {
  position:absolute;
  bottom:10px;
  right:10px;
  left:0;
  margin-left:100px;
}
.target-elem:before {
  content:"";
  display:block;
  height:40px;
  margin-top:-40px;
}
.post-body section {
  padding-top:30px;
  margin-top:-30px;
}
.post-body section footer {clear:both;}
.post-body .table-of-content,.post-body section .reference-breadcrumb {
  font-size:86%;
  padding:2px 5px;
  background-color:#f5f5f5;
}
.post-body .table-of-content {
  padding:10px 5px 5px;
  border:2px solid #eee;
}
.post-body .table-of-content ol,.post-body .table-of-content ul {margin-bottom:8px;}
.post-body ul.listing {
  font-size:10px;
  text-transform:uppercase;
}
.post-body ul.listing li {margin-bottom:0;}
.post-body ul.listing li.title {
  list-style:none;
  font-weight:bold;
  margin-left:-14px;
}
.post-body .ad-text {margin-bottom:30px;}
.post-footer {
  background-color:#eee;
  border:1px dotted #bbb;
  border-bottom-width:0;
  font-size:80%;
  color:#666;
  text-transform:uppercase;
  font-weight:bold;
  padding:4px 14px;
}
.post-footer .span {margin-right:.3em;}
.awal {
  float:left;
  color:#333333;
  line-height:40px;
  padding-right:5px;
  font-family:times;
  font-weight:bold;
  font-size:60px;
}
.loader {background:transparent url('') no-repeat 50% 120px;}
#page-loader {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#010101;
  z-index:9999;
  text-align:center;
  padding:70px 0 0;
  display:none;
}
